@charset "utf-8";


header {
    .navbar-default {
        background-color: #222222;
        border: none;
        .navbar-nav {
            >.active {
                >a {
                    &,
                    &:hover {
                        background-color: #080808;
                        color: #fff;
                    }
                }
            }
            >li {
                >a {
                    color: #9d9d9d;
                }
            }
        }
    }
    .navbar {
        margin-bottom: 0;
    }
    .navbar-brand {
        padding: 7px 6px;
    }
    .bgwrap {
        background: #2b80d9;
    }
}
.footer {
    background-color: #3b3b3b;
    padding-top: 35px;
    ul {
        padding: 0;
        li {
            list-style: none;
            display: inline-block;
            a {
                text-decoration: none;
                color: #a1a3ab;
                font-size: 14px;
                &:hover{
                    color: #fff;
                }
            }
        }
        li:nth-of-type(2){
            margin: 0 12px;
        }
    }
    p {
        color: #a1a3ab;
        font-size: 12px;
    }
}


@midea (min-width:768px) and (max-width:992px) {
    .nav {
        >li {
            >a {
                padding-left: 5px;
                padding-bottom: 5px;
            }
        }
    }
}
@media (min-width: 992px) {
    .container {
        width: 1000px;
        padding-left: 14px;
    }
}
@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}
@media (max-width: 768px) {
    .footer {
        padding-left: 15px;
    }
}